<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>闲论坛</title>
  <style type="text/css">
  *{margin:0;padding:0;} 
  .ly1{ widows:100%; height:200px;}
  
      .ly1-1{ width::100%; height:150px;  text-align:center; line-height:150px}
	  
	  .ly1-2{ width:100%; height:200px; text-align:center }
	      
          .ly1-2  a{  color: #00F; text-align:center;padding:10px 15px; font-weight:bold}	
		  .ly1-2  a:link, #navigation a:visited{color:# FC0;} 
          .ly1-2 a:hover{ background-color: #F99;color:#F60;border-left:12px solid yellow;}
  .ly2{ widows:100%; height:500px;  text-align:center}
       .ly2-1{width:25%; height:500px; float:left; color:#FFF; text-align:center}
	       .ly2-1 a{ display:block; height:4em; line-height:4em;}
		   .ly2-1 a:link, #navigation a:visited{color:# FC0;} 
		   .ly2-1 a:hover{ background-color:#C99;color:#F60;border-left:12px solid yellow;}
		  
		  
       .ly2-2{ width:50%; height:500px; float:left}
  
       .ly2-3{ width:25%; height:500px; float:left}
  
  .ly3{ width:100%; height:80px;color:#FFF; text-align:center; font-size:1em}
 
body {
	background-image: url(beijing.jpg);
	background-repeat: no-repeat;
}
  </style></head>

<body>
    <div class="ly1">
    
        <div class="ly1-1">
        <h1>--+闲论坛</h1>
        </div>
    
        <div class="ly1-2">
        
            <a href="1">资讯</a>
            <a href="2">论坛</a>
            <a href="3">风土民情</a>
            <a href="4">路途住所</a>
            <a href="5">闲同城</a>
            <a href="6">照片墙</a>
            <a href="7">故事墙</a>
            <a href="8">感言墙</a>
        </div>
</div>

    <div class="ly2">
        
        <div class="ly2-1">
        <h2>我的</h2><hr />
        <a href="1">我的主页</a>
        <a href="1">我的收藏</a>
        <a href="1">我的相册</a>
        <a href="1">我的文章</a>
        <a href="1">向往远方</a>
        <a href="1">设置</a>
        </div>
        
        <div class="ly2-2">
        
       <table width="100%" border="1">
       <tr>
        <th>回复</th>
         <th colspan="3"  >主题</th>
         <th>最后发言</th>
         </tr></table>
        </div>
        
        <div class="ly2-3">
        <h2>热帖排行</h2><hr />
        </div>
</div>
   
    <div class="ly3"><p>闲人邦</p>
</div>

</body>
</html>
